<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>"p10_固定定位遮罩层"</title>
    <style>
        .mask{
            background-color: rgba(0,0,0,0.3);
            position: fixed;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
        }
    </style>
</head>
<body>
       <div class="mask">
           <div>
               大户1手打不回家阿萨德比较好交接班怒江啊但是吧极速达奶咖Idid卡海带丝阿凯1华大吉哦大家居i哦ii哦i久啊第四阿迪王接待及哦哇精雕机哦
           </div>
           <div>
               额u覅回复ihi大基地阿吉i埃安是滴回答我额温枪哦ieoifseoksoefopd83421打撒快递大卡扣
           </div>
           <div>
               Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid atque autem cumque dolorum eaque eius, enim est
               et eveniet fuga illum impedit inventore iure laboriosam libero magnam molestias natus nemo nihil nobis numquam odio
               officiis pariatur perferendis quae
           </div>
           <div>
               Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid atque autem cumque dolorum eaque eius, enim est
               et eveniet fuga illum impedit inventore iure laboriosam libero magnam molestias natus nemo nihil nobis numquam odio
               officiis pariatur perferendis quae
           </div>
           <div>
               Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid atque autem cumque dolorum eaque eius, enim est
               et eveniet fuga illum impedit inventore iure laboriosam libero magnam molestias natus nemo nihil nobis numquam odio
               officiis pariatur perferendis quae
           </div>
           <div>
               Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid atque autem cumque dolorum eaque eius, enim est
               et eveniet fuga illum impedit inventore iure laboriosam libero magnam molestias natus nemo nihil nobis numquam odio
               officiis pariatur perferendis quae
           </div>
           <div>
               Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid atque autem cumque dolorum eaque eius, enim est
               et eveniet fuga illum impedit inventore iure laboriosam libero magnam molestias natus nemo nihil nobis numquam odio
               officiis pariatur perferendis quae
           </div>

       </div>

</body>
</html>